<template>
  <div>
    <!-- 账号 -->
    <div class="inp-box">
      <label>用户名：</label>

      <!-- 这是组件 -->
      <!-- <BaseInput :value="user" @input="user = $event"/> -->

      <!-- 
                布尔类型的属性特点：
                  写了就是true
                  没写就是false
               -->
      <BaseInput autofocus placeholder="请输入用户名" v-model="user" />
    </div>
    <!-- 密码 -->
    <div class="inp-box">
      <label>密码：</label>
      <BaseInput placeholder="请输入密码" type="password" v-model="pwd" />
    </div>

    <div class="inp-box">
      <base-check-box v-model="jizhu">记住账号</base-check-box>
      <base-button type="success">登录</base-button>
      <base-button type="danger">注册</base-button>
    </div>
  </div>
</template>

<script>



export default {

  data () {

    return {
      user: '',
      pwd: '',
      jizhu: true,
    }
  },

  created () {

    console.log('demopwd created')
  },

  destroyed () {

    console.log('demopwd销毁了')
  },


  activated () {

    console.log('activated被调用')
  },

  deactivated () {

    console.log('deactivated被调用')
  }
};

</script>

<style></style>
